草庐IT

Bootstrap4 导航

全部标签

javascript - jQuery Bootstrap ScrollSpy 不起作用

我正在尝试使用ScrollSpyBootstrap插件,但它无法正常工作。请参阅下面的代码,它始终突出显示最后一项。http://jsfiddle.net/bRYMC/Page1Page2Page3Page4Page5Page1Page2Page3Page4Page5你能帮帮我吗? 最佳答案 在body标签上设置data-spy="scroll",它应该可以工作。请检查更新的jsFiddle. 关于javascript-jQueryBootstrapScrollSpy不起作用,我们在St

javascript - Bootstrap 下拉事件不适用于 bootstrap-ui

根据http://getbootstrap.com/javascript/#dropdowns打开/关闭下拉列表时会抛出事件(例如,show.bs.dropdown、hide.bs.dropdown)。这一直有效,直到模块bootstrap-ui处于事件状态。我创建了一个plunkr来显示问题http://plnkr.co/edit/luYpweQZx22IkWHeMKhM.移除对ui.boostrap的依赖时会抛出事件,即varapp=angular.module('myapp',['ui.bootstrap']);替换为varapp=angular.module('myapp',[

javascript - 对话框的 Url 不适用于 angular.bootstrap(无限 $digest 循环)

我有一个平均堆栈网站。我想用ExecuteFunction在对话框中绑定(bind)一个按钮来启动这个网站:functiondoSomethingAndShowDialog(event){clickEvent=event;Office.context.ui.displayDialogAsync("https://localhost:3000/try",{},function(){})}单击该按钮会打开一个带有以下url的对话框,它会显示页面的内容:https://localhost:3000/try?_host_Info=excel|web|16.00|en-us|7fe9b4e9-d

javascript - react 导航选项卡导航器中的淡入淡出动画

我正在使用ReactNavigation选项卡导航器和ReactNativeMaterial底部导航,它目前在屏幕之间滑动。我如何让它像MaterialDesignGuidelines所建议的那样从一个屏幕淡入淡出到另一个屏幕。Router.jsimportReactfrom'react';import{TabNavigator,StackNavigator,NavigationActions}from'react-navigation';import{NavigationComponent}from'react-native-material-bottom-navigation';i

javascript - Twitter Bootstrap 粘性子导航在它应该在较短的页面上之前变得固定

我实现了一个自动float的子导航栏,直接取自BootstrapdocsCSSandJS,在我正在处理的网站中。它只出现在一个View中,但这是一个RailsView,因此它是根据加载的对象动态生成的。我发现,当出现在子导航栏下方的内容足够长时,子导航栏的行为会按预期工作-subnav-fixed类会在子导航栏滚动时立即添加看不见。但是,如果页面比这短,子导航栏将在它实际超出View之前固定,这会产生非常刺耳的跳转,更不用说您可以看到该栏曾经所在的空间,您应该看不到。我应该补充一点,我使用的是固定的(主)导航栏,并考虑了适当的主体填充。问题似乎出在返回的$('.subnav').off

javascript - 通过键盘导航表格?

我正在尝试制作一个可以执行以下操作的表格。行x列=3x3:好的通过键盘导航:确定当“焦点”(或其他东西)位于单元格更新div2上时,data-param2:不起作用。按键盘上的Enter键时,使用数据参数1更新div1:不工作arrows.htmvarb4="";varcol=1;varrow=1;functionbg(){varrc="r"+row+"c"+col;if(b4=="")b4=rc;document.getElementById(b4).style.backgroundColor="white";document.getElementById(rc).style.bac

javascript - Bootstrap Material 设计无法在动态 Angular View 中正常工作

我将material-bootstrap脚本包含在我的Angular项目的index.html中,但它们需要手动重新包含在View中才能工作。这很奇怪,因为对于插入到Angular中的所有其他脚本来说,这不会发生。index.html我还注意到material-bootstrap不能很好地与Grunt和Bower配合使用,并且往往会在构建时自行删除(因此手册包含在页面底部)。这些是Material-boostrap和Angular/Bower/Grunt的已知错误还是我做错了什么?如果您还需要什么,请告诉我!编辑:bower.json中的依赖"dependencies":{"angul

javascript - 垂直菜单 Bootstrap 和 Angular

我正在尝试创建这样的垂直菜单site.我正在寻找的是:当菜单折叠时,子菜单用悬停打开,当菜单打开时,子菜单在链接下方打开。这是我的JSFiddle,我所做的是:点击按钮后我可以打开菜单。子菜单正在工作(最后一个)但是我不想在菜单折叠时打开子菜单。Angularvarapp=angular.module('myApp',[]);app.controller('mainCtrl',function($scope){$scope.noneStyle=false;$scope.bodyCon=false;$scope.sasd="asd";//Togglethestyles$scope.tog

javascript - Bootstrap 表单验证验证同一表单组内的所有字段

我在验证表单时遇到问题。我的html是:AddressAddress1CityEmirate输出是现在的问题是我需要内联显示它们,所以我将它们放在同一个from-group中,这在验证时产生了问题。我没有任何邮政编码验证。但是在验证任何城市/酋长国验证是否失败时,邮政编码也显示为红色。我不想要的。我的问题是如何如图所示内联显示它们,同时将它们保存在单独的表单组中,这样验证就不会受到影响。 最佳答案 不难,用同样的HTML结构就可以实现原因:postalcode输入在不需要且未设置验证规则的地方突出显示为红色,因为它在中其中addre

javascript - 不允许窗口将顶层框架导航导航到数据 URL

前面的代码将在新窗口中打开pdf文件。varpdfDocument="data:application/pdf;base64,"+data;window.open(pdfDocument);更新chrome后,它似乎停止工作。显然,chrome删除了数据URL的顶层框架导航。我现在该如何解决我的问题?我需要在新窗口中打开此pdf。任何帮助将不胜感激。更新使用iFrame解决了这个问题。感谢Pedro给我想法。$(function(){setManualFrame();});functionsetManualFrame(){$("#ManualFrame").attr("height",